<template>
	<div class="tool-bar">
		<div class="bar_title">
			<div>{{ bar_title }}</div>
		</div>

		<div class="search-ipt">
			<a-form-model :model="form" layout="inline" :label-col="labelCol" :wrapper-col="wrapperCol">
				<a-form-model-item label="姓名/工号:">
					<a-input v-model="form.userName" size="large" placeholder="请输入姓名/工号" />
				</a-form-model-item>
				<a-form-model-item label="学校名称:">
					<a-input v-model="form.schoolName" size="large" placeholder="请输入学校名称" />
				</a-form-model-item>
				<a-form-model-item>
					<a-button type="primary" size="large" @click="searchList">
						查询
					</a-button>
				</a-form-model-item>
				<a-form-model-item>
					<a-button type="primary" size="large" @click="addAdmin">
						新增
					</a-button>
				</a-form-model-item>
				<a-form-model-item>
					<a-button type="primary" size="large" @click="updatePower">
						更新权限
					</a-button>
				</a-form-model-item>
				<a-form-model-item>
					<a-button type="primary" size="large">
						职教云导入
					</a-button>
				</a-form-model-item>
				<a-form-model-item>
					<a-button size="large">
						批量删除
					</a-button>
				</a-form-model-item>
			</a-form-model>

		</div>
	</div>
</template>

<script>
export default {
	props: ['bar_title', 'status'],
	data() {
		return {
			title: '',
			form: {
				userName: '',
				schoolName: '',
			},
			labelCol: {},
			wrapperCol: {},
		};
	},
	methods: {
		getWorkExamBatchList() {
			this.$emit('getWorkExamBatchList', this.title);
		},
		updatePower() {
			this.$emit('updatePower');
		},
		addAdmin() {
			this.$emit('addAdmin');
		},
		searchList() {
			this.$emit('searchList', this.form);
		},
	},
};
</script>

<style lang="scss" scoped>
.tool-bar {
	display: flex;
	height: 110px;
	align-items: center;
	position: relative;
	&::before {
		position: absolute;
		content: '';
		left: 0;
		top: 42.5px;
		width: 3px;
		height: 25px;
		background: #cccccc;
	}
	.bar_title {
		font-size: 28px;
		font-family: SourceHanSansCN-Normal, SourceHanSansCN;
		font-weight: 400;
		color: #333333;
		padding-left: 15px;
		padding-right: 20px;
	}
	.search-ipt {
		flex: 1;
		justify-content: flex-end;
		display: flex;
	}
}

::v-deep .ant-btn {
	margin: 0 !important;
}

::v-deep .ant-btn-lg {
	border-radius: 10px;
}
</style>